<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>test</title>
    <!--响应式框架-->
    <link rel="stylesheet" type="text/css" href="/css/bootstrap.css">
    <link rel="stylesheet" href="/css/style.css" />
</head>
<body>
<!--服务类型-->
<div class="fulxjgg">
    <div class="fulx ">
        <p class="text-muted text-center ">Service type</p>
        <h3 class="text-center col-xs-12 ">服务类型</h3>
        <div class="hr1"></div>
    </div>

    <!--服务类型九宫格-->
    <div class="container-jgg">
        <div class="row">
            <div class="col-xs-4 col-sm-4 ">
                <img id="div1" src="/images/fwlx-1.png" class="img-responsive " alt="Cinque Terre " />
                <a href="fulx.html" class="fulx-a">
                    <div class="fulx-wz">
                        <h4>乡村振兴</h4>
                        <p class="hidden-xs">田园综合体/农旅项目/文旅地产</p>
                    </div>

                    <div class="mask">
                        <img class="zhezhao" src="/images/fwlx-dh1.png" />
                    </div>
                </a>
            </div>
            <div class="col-xs-4 col-sm-4 ">
                <img src="/images/fwlx-2.png " class="img-responsive " alt="Cinque Terre " />
                <a href="fulx-tsxz.html" class="fulx-a">

                    <div class="fulx-wz">
                        <h4>特色小镇</h4>
                        <p class="hidden-xs">森林小镇/文化小镇/康养小镇</p>
                    </div>

                    <div class="mask">
                        <img class="zhezhao" src="/images/fwlx-dh2.png" />

                    </div>
                </a>
            </div>
            <div class="col-xs-4 col-sm-4 ">
                <img src="/images/fwlx-3.png " class="img-responsive " alt="Cinque Terre " />
                <a href="fulx-qyly.html" class="fulx-a">
                    <div class="fulx-wz">
                        <h4>农旅规划</h4>
                        <p class="hidden-xs">天府旅游名县创建辅导</p>
                        <p class="hidden-xs">农旅规划示范区规划创建辅导</p>

                    </div>

                    <div class="mask">
                        <img class="zhezhao" src="/images/fwlx-dh3.png" />
                    </div>
                </a>
            </div>
            <div class="col-xs-4 col-sm-4 ">
                <img src="/images/fwlx-4.png " class="img-responsive " alt="Cinque Terre " />
                <a href="fulx-lygh.html" class="fulx-a">
                    <div class="fulx-wz">
                        <h4>旅游规划</h4>
                        <p class="hidden-xs">旅游景区策划/概规/总规/详规</p>
                    </div>

                    <div class="mask">
                        <img class="zhezhao" src="/images/fwlx-dh4.png" />
                    </div>
                </a>
            </div>
            <div class="col-xs-4 col-sm-4 ">
                <img src="/images/fwlx-5.png" class="img-responsive " alt="Cinque Terre " />
                <a href="fulx-jqca.html" class="fulx-a">
                    <div class="fulx-wz">
                        <h4>景区创A</h4>
                        <p class="hidden-xs">景区创建3A、4A、5A辅导</p>
                        <p class="hidden-xs">景区创建生态旅游示范区辅导</p>
                    </div>

                    <div class="mask">
                        <img class="zhezhao" src="/images/fwlx-dh5.png" />
                    </div>
                </a>
            </div>
            <div class="col-xs-4 col-sm-4 ">
                <img src="/images/fwlx-6.png " class="img-responsive " alt="Cinque Terre " />
                <a href="fulx-xywh.html" class="fulx-a">
                    <div class="fulx-wz">
                        <h4>校园文化</h4>
                        <p class="hidden-xs">校园文化策划/校园景观设计</p>
                        <p class="hidden-xs">校园室内空间设计/校园UI设计</p>
                    </div>

                    <div class="mask">
                        <img class="zhezhao" src="/images/fwlx-dh6.png" />
                    </div>
                </a>
            </div>
            <div class="col-xs-4 col-sm-4 ">
                <img src="/images/fwlx-7.png " class="img-responsive " alt="Cinque Terre " />
                <a href="fulx-jgjz.html" class="fulx-a">
                    <div class="fulx-wz">
                        <h4>景观建筑</h4>
                        <p class="hidden-xs">景观设计/建筑设计</p>
                        <p class="hidden-xs">旅游室内空间设计</p>
                    </div>

                    <div class="mask">
                        <img class="zhezhao" src="/images/fwlx-dh7.png" />
                    </div>
                </a>
            </div>
            <div class="col-xs-4 col-sm-4 ">
                <img src="/images/fwlx-8.png " class="img-responsive " alt="Cinque Terre " />
                <a href="fulx-slgy.html" class="fulx-a">
                    <div class="fulx-wz">
                        <h4>森林公园</h4>
                        <p class="hidden-xs">森林公园规划/森林公园景观设计</p>
                        <p class="hidden-xs">编制森林公园可行性研究报告</p>
                    </div>

                    <div class="mask">
                        <img class="zhezhao" src="/images/fwlx-dh8.png" />
                    </div>
                </a>
            </div>
            <div class="col-xs-4 col-sm-4 ">
                <img src="/images/fwlx-9.png " class="img-responsive " alt="Cinque Terre " />
                <a href="fulx-bpds.html" class="fulx-a">
                    <div class="fulx-wz">
                        <h4>标牌雕塑</h4>
                        <p class="hidden-xs">雕塑设计制作安装</p>
                        <p class="hidden-xs">标识标牌设计制作安装</p>
                    </div>

                    <div class="mask">
                        <img class="zhezhao" src="/images/fwlx-dh9.png" />
                    </div>
                </a>
            </div>
        </div>
    </div>

</div>

<!--为什么选择我们-->
<div class="wsm ">
    <div class="wsm1 ">
        <p class="text-muted text-center ">why choose us</p>
        <h3 class="text-center col-xs-12 ">为什么选择我们</h3>
        <div class="hr1"></div>
    </div>
    <div class="wsm2 ">

        <img src="/images/index_17.jpg" class="img-responsive" />
    </div>
</div>

<!--经典案例-->
<div class="jdal ">
    <p class="text-muted text-center ">Classic cases</p>
    <h3 class="text-center col-xs-12 ">经典案例</h3>
    <div class="hr1"></div>
</div>
<!-- 经典案例九宫格 -->
<div class="container-jdaljgg ">
    <div id="jdalnews" class="row-jdal">
        <!--这里动态插入6个经典案例-->

    </div>

</div>


<!--实时动态-->
<div class="ssdt ">
    <p class="text-muted text-center ">Real-time dynamic</p>
    <h3 class="text-center col-xs-12 ">实时动态</h3>
    <div class="hr1"></div>
</div>

<div class="ssdt1  ">
    <div class="hengxian"> </div>

    <ul id="myTab" class="nav nav-tabs nav-justified">
        <li class="active">
            <a href="#home" data-toggle="tab"> 行业聚焦</a>
        </li>
        <li>
            <a href="#qydt" data-toggle="tab">企业动态</a>
        </li>
        <li>
            <a href="#zpfb" data-toggle="tab">招聘发布</a>
        </li>
    </ul>
    <div id="myTabContent" class="tab-content">
        <div class=" tab-pane fade in active " id="home">

            <!--这里将插入行业聚焦的内容-->

        </div>

        <div class="tab-pane fade" id="qydt">

            <!--这里将插入企业动态的内容-->

        </div>

        <div class="tab-pane fade" id="zpfb">
            <div class="table-responsive table-hover">

                <div class="recruititem" >
                    <dl>
                        <dt>
                            <div class="colhead">招聘部门</div>
                            <div class="colhead">招聘职位</div>
                            <div class="colhead">工作地点</div>
                            <div class="colhead">职位详情</div>
                            <div class="colhead">发布日期</div>
                        </dt>
                        <dd id="recruitDd" style="margin: 0;">

                            <!--这里是招聘发布-->

                        </dd>
                    </dl>
                </div>

            </div>
        </div>

    </div>

</div>

<script type="text/javascript" src="/js/jquery-3.3.1.js" ></script>
<script type="text/javascript" src="/js/jquery-3.3.1.min.js" ></script>
<script type="text/javascript" src="/js/bootstrap.min.js"></script>
<script type="text/javascript" src="/js/loadshuaxin.js"></script>
<script type="text/javascript" src="/js/skipvalue.js"></script>
<script type="text/javascript" src="/js/loadindex.js"></script>
<script type="text/javascript">

    $(document).ready(function(e) {
        var counter = 0;
        if (window.history && window.history.pushState) {
            $(window).on('popstate', function () {
                window.history.pushState('forward', null, '#');
                window.history.forward(1);

                <!-- 此处为监听到浏览器后退按钮的后续事件  例：刷新前一个页面；或者刷新当前页面等-->
                window.location.href = window.location.reload();
            });
        }
        window.history.pushState('forward', null, '#'); //在IE中必须得有这两行
        window.history.forward(1);
    });


    loadready();

//                经典案例的请求
        loadclassic();


//                行业聚焦的请求
        loadhyjj();

//                企业动态请求
        loadqydt();

//                招聘发布请求
        loadrecruit();


</script>



</body>
</html>